<template>
	<div>
		<aside class="search-btn">
			<ButtonGroup class="tablelist-tabs clearfix" compact>
				<Button
					size="large"
					v-for="(item,index) in btnsearch"
					:key="index"
					:type="formData.itemstatus==item.value?'primary':'default'"
					@click="handleBtn('status',item.value)"
				>{{item.label}}</Button>
			</ButtonGroup>
			<!--  账单汇总 -->
			<compCostall v-if="formData.itemstatus==1"></compCostall>
			<!-- 费用对比明细 -->
			<compCostdetail v-if="formData.itemstatus==0"></compCostdetail>
		</aside>
	</div>
</template>
<script>
import compCostall from "./shipcus.js";
import compCostdetail from "./shipdetail.js";

export default {
	components: {
		compCostall,
		compCostdetail
	},
	data() {
		return {
			btnsearch: [{
				value: 1,
				// label: this.$t('fbb.billDelivery.summary',{defaultValue:'账单汇总'}),
                label:'账单汇总'
			}, {
				value: 0,
				// label: this.$t('fbb.billDelivery.detail',{defaultValue:'账单明细'})
                label:'账单明细'
			},],
			formData: {
				itemstatus: 1,
			}
		}
	},
	computed: {
		columns() {
			return [

			]
		}
	},
	methods: {
		handleBtn(type, value) {
			this.formData.itemstatus = value
		}
	},
}
</script>
